#rsModal {
    z-index: 60000;
}

.dropdown-menu {
    background: #fff;
}

.pointer {
    cursor: pointer;
}

.dropdown-menu {
    transition: all 700ms ease-in-out;
}

.open > .dropdown-menu {
    transition: all 700ms ease-in-out;
}

.radim .nav li:hover a, .radim.navbar .dropdown.open > a {
    transition: all 700ms ease-in-out;
}

.radim .nav .dropdown.open .dropdown-menu {
    transition: all 700ms ease-in-out;
}

.tickBtn {
    cursor: pointer;
}

ul.Master-social li {
    display: inline;
}

    ul.Master-social li a {
        color: #222;
        font-size: 30px;
    }

        ul.Master-social li a:hover {
            color: #616667;
        }

.Master-social {
    position: absolute;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

ul.masterList li {
    list-style: square outside none !important;
}

    ul.masterList li a {
        color: #fff;
        font-size: 30px;
    }

        ul.masterList li a:hover {
            color: #616667;
        }

.masterList {
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}


.blueBox {
    background: #89d7bf;
    padding: 12px;
    font-weight: bold;
}

    .blueBox span {
        color: #3c3c3c;
    }

    .blueBox b {
        font-size: 19px;
    }

.container_modal {
    max-width: 800px !important;
}

.ghostBox {
    background: rgba(0, 0, 0, 0.25);
    padding: 12px;
}

.redBox {
    background: #ff0000;
    padding: 12px;
}

.form-control {
    height: auto;
    padding: 9px;
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

.pHeadLogo {
    margin-right: 12px;
    margin-top: -27px;
    height: 50px;
}

.pHeadTit1 {
    font-size: 48px;
    font-weight: bold;
    font-family: Raleway;
    color: #383838;
}

.pHeadTit1_1 {
    font-size: 48px;
    font-family: Raleway;
}

.containrow {
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    background: #f8f8f8;
    margin-right: -19px;
    margin-left: -19px;
    margin-top: 5px;
    padding: 20px;
}

.containdiv {
    border: 1px solid #cbcbcb;
    background: #eee;
    margin-top: 5px;
    padding: 10px;
}

.chatBubbleActive {
    color: #00c364;
    cursor: pointer;
}

.chatBubbleOff {
    color: #ff9a0e;
    cursor: pointer;
}
/*------------******** main button style ********------------*/
.btnGlobalStyle {
    cursor: pointer;
    border-radius: 50px;
    border-width: 0px;
    border-style: none;
    border-image: none;
    font-size: 16px;
    font-weight: bold;
    font-family: Lato, sans-serif;
    padding: 7px;
    letter-spacing: 0.032em;
    text-align: center;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    user-select: none;
}

    .btnGlobalStyle:hover {
        -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.13), 0 3px 9px 0 rgba(0,0,0,.11);
        box-shadow: 0 2px 6px 0 rgba(0,0,0,.13), 0 3px 9px 0 rgba(0,0,0,.11);
        -webkit-filter: brightness(1.05);
        filter: brightness(1.05);
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        transition: all .35s;
    }

a .btnGlobalStyle {
    padding: 7px 15px !important;
}

input.btnGlobalStyle {
    color: #fff !important;
}

/* ── UI-05 Stage 3a: button focus ring + pill normalisation ─────────────── */
.btnGlobalStyle:focus-visible {
    outline: none;
    box-shadow: 0 0 0 .1rem #fff, 0 0 0 .25rem rgba(74,138,104,.25);
}
/* Variants that hard-set their own radius — force the pill so the shape is
   consistent (colours are preserved). */
.btnGlobalStyle.btnBlue3,
.btnGlobalStyle.btnBlue_faq,
.btnGlobalStyle.btnGrey {
    border-radius: 50px;
}
/* ─────────────────────────────────────────────────────────────────────── */

/* ── UI-05 Stage 3a: default/primary green family → Frega green ──────────── */
.btnGlobalStyle.btnGreen,
.btnGlobalStyle.btnGreen2,
.btnGlobalStyle.btnGreen3,
.btnGlobalStyle.btnGreen4,
.btnGlobalStyle.btnActivate,
.btnGlobalStyle.btn-primary-s2t {
    background: #4A8A68;
    color: #fff;
}
.btnGlobalStyle.btnGreen:hover,
.btnGlobalStyle.btnGreen2:hover,
.btnGlobalStyle.btnGreen3:hover,
.btnGlobalStyle.btnGreen4:hover,
.btnGlobalStyle.btnActivate:hover,
.btnGlobalStyle.btn-primary-s2t:hover {
    background: #136242;
    color: #fff;
}
/* btnReg is an OUTLINE button (transparent bg, coloured border). Recolour its
   border/hover to Frega green rather than filling it, preserving its nature. */
.btnGlobalStyle.btnReg:hover,
.btnGlobalStyle.btnReg:focus {
    color: #136242;
    border-color: #136242;
}
/* ─────────────────────────────────────────────────────────────────────── */

.simpleButton1 {
    cursor: pointer;
    border: 1px solid #fff;
    color: #222;
    background-color: #fff;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    background-image: -webkit-linear-gradient(#ddfafc, #a7d3db);
    background-image: -o-linear-gradient(#ddfafc,#a7d3db);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ddfafc), to(#a7d3db));
    background-image: linear-gradient(#ddfafc, #a7d3db);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddfafc', endColorstr='#a7d3db', GradientType=0);
    -webkit-filter: none;
    filter: none;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
    padding: 2px 6px 2px 6px;
    display: inline-block;
    border-radius: 3px;
}

.simpleButton2 {
    cursor: pointer;
    color: #222;
    background: #549cbd;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    padding: 2px 6px 2px 6px;
    display: inline-block;
    font-size: 16px;
}

    .simpleButton2:hover {
        background: #64b4d9;
    }

.simpleButton3 {
    cursor: pointer;
    border: 1px solid #fff;
    color: #222;
    background-color: #fff;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    background-image: -webkit-linear-gradient(#ffbe23, #d5a01f);
    background-image: -o-linear-gradient(#ffbe23,#d5a01f);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffbe23), to(#d5a01f));
    background-image: linear-gradient(#ffbe23, #d5a01f);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbe23', endColorstr='#d5a01f', GradientType=0);
    -webkit-filter: none;
    filter: none;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
    padding: 2px 6px 2px 6px;
    display: inline-block;
    border-radius: 3px;
}

.simpleButton4 {
    cursor: pointer;
    color: #414141;
    background: #6ce0d2;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    padding: 2px 6px 2px 6px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

    .simpleButton4:hover {
        background: #91f2e6;
    }

.simpleButton5 {
    text-align: center;
    cursor: pointer;
    color: #fff;
    background: #00cb49;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    padding: 2px 6px 2px 6px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

    .simpleButton5:hover {
        background: #87f7af;
    }

.simpleButton6 {
    cursor: pointer;
    color: #414141;
    background: #fcbc7e;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    padding: 2px 6px 2px 6px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

    .simpleButton6:hover {
        background: #fbcda0;
    }

.simpleButton7 {
    cursor: pointer;
    color: #fff;
    background: #2d98ff;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    padding: 2px 6px 2px 6px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

    .simpleButton7:hover {
        background: #8ac6ff;
    }

.simpleButton8 {
    cursor: pointer;
    color: #414141;
    background: #ff8383;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    padding: 2px 6px 2px 6px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

    .simpleButton8:hover {
        background: #ff9595;
    }

.simpleButton9 {
    cursor: pointer;
    color: #414141;
    background: #56ffbc;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    padding: 2px 6px 2px 6px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

    .simpleButton9:hover {
        background: #a3feda;
    }

.optionalButton {
    background: #2e2f30;
    border-color: #fff;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
    padding: 3px 6px 3px 6px;
    display: inline-block;
    border-radius: 3px;
    cursor: pointer;
}

.btnBannerLogin {
    margin-top: -6px;
    margin-left: 6px;
    padding: 7px 15px !important;
    text-align: center;
    color: #fff !important;
    font-size: 16px;
    background: #4b83b1 !important;
    border: 2px solid #4b83b1;
    border-radius: 23px;
    cursor: pointer;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

    .btnBannerLogin:hover {
        color: #4b83b1 !important;
        background: #fff !important;
    }

.btnBannerReg {
    margin-top: -6px;
    margin-left: 6px;
    background: #107a84;
    font-size: 17px;
    text-align: center;
    padding: 3px 7px !important;
    border-radius: 2px;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #00a0b0;
    color: #fff !important;
}

    .btnBannerReg:hover {
        color: #094045 !important;
        background: #0fb0bf !important;
    }

.btnBlack {
    margin-top: 8px;
    background: #000000;
    font-size: 14px;
    text-align: center;
    padding: 6px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}

    .btnBlack:hover {
        background: #262626;
    }

.btnRed {
    margin-top: 8px;
    background: #e75524;
    font-size: 17px;
    text-align: center;
    padding: 15px;
    border-radius: 2px;
    font-weight: bold;
}

    .btnRed:hover {
        background: #f67347;
    }

.btnRed2 {
    background: #e75524;
    font-size: 17px;
    text-align: center;
    padding: 8px;
    border-radius: 2px;
    font-weight: bold;
    width: 100%;
}

    .btnRed2:hover {
        background: #f67347;
    }

.btnOrange {
    background: #da5e50 none repeat scroll 0 0;
    text-align: center;
    color: #fbf1ee;
    margin-top: 8px;
}

.btnGreen {
    background: #66ac00 none repeat scroll 0 0;
    color: #fff;
    margin-top: 8px;
}

.btnGreen2 {
    margin-top: 8px;
    background: #318b45;
    padding: 7px 15px;
    color: #fff;
    border: 1px solid #318b45;
}

.btnGreen3 {
    margin-top: 8px;
    background: #05a197;
    padding: 7px 15px;
    color: #fff;
    border: 1px solid #07837b;
}

.btnGreen4 {
    background: #107a84 none repeat scroll 0 0;
    color: #fff;
    border: 1px solid #286685;
    width: 100%;
}

.btnGrey {
    background: #e7e7e7 none repeat scroll 0 0;
    border-radius: 2px;
    font-size: 15px;
    font-weight: bold;
    margin-top: 14px;
    padding: 6px;
    text-align: center;
    color: #2e2f30;
    border: 1px solid #cfcfcf;
    cursor: pointer;
    display: inline-block;
}

    .btnGrey:hover {
        color: #2e2f30;
        border: 1px solid #e7e7e7;
        box-shadow: 2px 2px 5px rgba(34, 34, 34, 0.57);
    }

.btnGrey2 {
    background: #728a94 none repeat scroll 0 0;
    border-radius: 2px;
    font-size: 15px;
    font-weight: bold;
    margin-top: 14px;
    padding: 6px;
    text-align: center;
    color: #fff;
    border: 1px solid #596f78;
    cursor: pointer;
}

    .btnGrey2:hover {
        color: #5a6d75;
        border: 1px solid #222a2e;
        box-shadow: 3px 3px 3px rgba(34, 34, 34, 0.57);
    }

.btnGrey3 {
    background: #729a9d none repeat scroll 0 0;
    border-radius: 2px;
    font-size: 15px;
    font-weight: bold;
    margin-top: 14px;
    padding: 6px;
    text-align: center;
    color: #fff;
    border: 1px solid #cfcfcf;
    cursor: pointer;
}

    .btnGrey3:hover {
        background: #94cbd0;
        color: #2e2f30;
        border: 1px solid #e7e7e7;
        box-shadow: 2px 2px 5px rgba(34, 34, 34, 0.57);
    }

.btnBlue {
    margin-top: 8px;
    background: #176389;
    padding: 7px 15px;
    color: #fff;
}


.btnBlue2 {
    background: #2c7ba3;
    margin-top: 8px;
    font-size: 17px;
    text-align: center;
    padding: 7px 15px;
    border-radius: 2px;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
}

.btnBlue3 {
    margin-top: 8px;
    background: #096796;
    padding: 7px 15px;
    color: #fff;
    border-radius: 0px;
    border-bottom: 1px solid #145271;
    border-right: 1px solid #155c80;
    border-top: 1px solid #2c8bbb;
    border-left: 1px solid #1e77a3;
}

.btnDarkBlue {
    margin-top: 8px;
    background: #10425b;
    font-size: 17px;
    text-align: center;
    padding: 8px 15px;
    border-radius: 2px;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
}

.btnBlue_faq {
    margin-top: 12px;
    background: #fff;
    padding: 7px 15px;
    color: #4b83b1;
    border: 2px solid #4b83b1;
    border-radius: 23px;
    cursor: pointer;
}

.btnReg {
    font-size: 13px;
    border: solid 2px;
    border-radius: 40px;
    display: inline-block;
    border-color: #fff;
    text-transform: uppercase;
    padding: 8px 40px;
}

    .btnReg:hover, .btnReg:focus {
        color: #107a84;
        border-color: #107a84;
    }

.blueHighlight {
    color: #1aafbd;
    font-size: 17px;
}

.btnActivate {
    padding: 3px 12px;
    background: #39c700;
    cursor: pointer;
    text-align: center;
    color: #020408;
    font-weight: bold;
}

.btnWhite {
    border: 1px solid #ccc;
    color: #020408;
    padding: 8px 13px;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    height: 40px;
    min-width: 77px;
    float: left;
    margin: 6px;
}

    .btnWhite:hover {
        border: 1px solid #a8a8a8;
        background: #7d7c7c;
        color: #fff;
        padding: 8px 13px;
        text-align: center;
        cursor: pointer;
        border-radius: 3px;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        transition: all .35s;
        height: 40px;
        min-width: 77px;
        float: left;
        margin: 6px;
    }

.btnSilver {
    border: 1px solid #ccc;
    background: #d8e4e8;
    color: #020408;
    padding: 4px 8px;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    min-width: 77px;
    float: left;
    margin: 0px 12px 4px 12px;
    font-size: 14px;
}

    .btnSilver:hover {
        border: 1px solid #a8a8a8;
        background: #7d7c7c;
        color: #fff;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        transition: all .35s;
        min-width: 77px;
        float: left;
    }

.btnSilver2 {
    border: 1px solid #ccc;
    background: #bdeadc;
    color: #020408;
    padding: 4px 8px;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    min-width: 77px;
    float: left;
    margin: 0px 12px 4px 12px;
    font-size: 14px;
    font-weight: bold;
}

    .btnSilver2:hover {
        border: 1px solid #a8a8a8;
        background: #95d4c0;
        color: #fff;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        transition: all .35s;
    }

.btnSilverGreen {
    border: 1px solid #ccc;
    background: #b5f8be;
    color: #020408;
    padding: 4px 8px;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    min-width: 77px;
    float: left;
    margin: 0px 12px 4px 12px;
    font-size: 14px;
    font-weight: bold;
}

    .btnSilverGreen:hover {
        border: 1px solid #a8a8a8;
        background: #aad3b0;
        color: #fff;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        transition: all .35s;
    }

.btnSilverBlue {
    border: 1px solid #ccc;
    background: #bdeae0;
    color: #020408;
    padding: 4px 8px;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    min-width: 77px;
    float: left;
    margin: 0px 12px 4px 12px;
    font-size: 14px;
    font-weight: bold;
}

    .btnSilverBlue:hover {
        border: 1px solid #a8a8a8;
        background: #98c3ba;
        color: #fff;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        transition: all .35s;
    }

.btnSilverOrange {
    border: 1px solid #ccc;
    background: #f1d697;
    color: #020408;
    padding: 4px 8px;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    min-width: 77px;
    float: left;
    margin: 0px 12px 4px 12px;
    font-size: 14px;
    font-weight: bold;
}

    .btnSilverOrange:hover {
        border: 1px solid #a8a8a8;
        background: #cbaf6e;
        color: #fff;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        transition: all .35s;
    }

.btnSilverYellow {
    border: 1px solid #ccc;
    background: #feff7d;
    color: #020408;
    padding: 4px 8px;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    min-width: 77px;
    float: left;
    margin: 0px 12px 4px 12px;
    font-size: 14px;
    font-weight: bold;
}

    .btnSilverYellow:hover {
        border: 1px solid #a8a8a8;
        background: #d2d362;
        color: #fff;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        transition: all .35s;
    }

.btnPurple {
    margin-top: 8px;
    background: #946199;
    font-size: 17px;
    text-align: center;
    padding: 8px 15px;
    border-radius: 2px;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
    display: inline-block;
}

    .btnPurple:hover {
        border: 1px solid #b076b6;
        color: #efd6f2;
        box-shadow: 3px 3px 3px rgba(34, 34, 34, 0.57);
    }

.btnRegister {
    background: #e75524 none repeat scroll 0 0;
    border-radius: 2px;
    font-size: 17px;
    margin-top: 15px;
    padding: 7px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    width: 70%;
    display: inline-block;
}

    .btnRegister:hover {
        background: #e77824 none repeat scroll 0 0;
    }

.btnForgotPassword {
    background: #4498cf none repeat scroll 0 0;
    border-radius: 2px;
    font-size: 17px;
    margin-top: 15px;
    padding: 7px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    width: 70%;
    display: inline-block;
}

    .btnForgotPassword:hover {
        background: #44b1cf none repeat scroll 0 0;
    }

.btnSignIn {
    background: #107a84 none repeat scroll 0 0;
    border-radius: 2px;
    font-size: 17px;
    margin-top: 31px;
    padding: 7px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    border: 1px solid #286685;
    width: 100%;
}

    .btnSignIn:hover {
        background: #179eaa none repeat scroll 0 0;
    }

.addToCart {
    background: #66AC00;
    background-image: -webkit-linear-gradient(top, #66AC00, #118259);
    background-image: -moz-linear-gradient(top, #66AC00, #118259);
    background-image: -ms-linear-gradient(top, #66AC00, #118259);
    background-image: -o-linear-gradient(top, #66AC00, #118259);
    background-image: linear-gradient(to bottom, #66AC00, #118259);
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    border-radius: 3px;
    color: #ffffff;
    font-size: 18px;
    padding: 6px 12px 4px 12px;
    border: solid #118259 1px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
}

    .addToCart:hover {
        background: #5a8f0a;
        background-image: -webkit-linear-gradient(top, #5a8f0a, #0e6947);
        background-image: -moz-linear-gradient(top, #5a8f0a, #0e6947);
        background-image: -ms-linear-gradient(top, #5a8f0a, #0e6947);
        background-image: -o-linear-gradient(top, #5a8f0a, #0e6947);
        background-image: linear-gradient(to bottom, #5a8f0a, #0e6947);
        text-decoration: none;
    }

.glass-container {
    background-color: #fff;
    padding: 16px;
    border: 1px solid #E6ECE9;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);
    min-height: 220px;
}

.simple-container {
    background-color: #fff;
    padding: 16px;
    border: 1px solid #E6ECE9;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);
    margin-top: 8px;
    margin-bottom: 8px;
}

.text-white {
    color: #ffffff !important;
}

.text-dark {
    color: #222 !important;
}

.login-content {
    padding-top: 1%;
    padding-left: 10px;
    padding-right: 10px;
}

.pwStrengthTxt {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 12px;
    color: #d16c45;
    z-index: 100;
}

.mc {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 12px 8px 12px 8px;
    font-size: 30px;
}

.section-small-padding {
    padding: 60px 0;
    background: #370657;
}

input[type=submit] {
    border: 0 none;
    cursor: pointer;
}

.loginGreen {
    background: #02a100;
    background-image: -webkit-linear-gradient(top, #19bf40, #346b3b);
    background-image: -moz-linear-gradient(top, #19bf40, #346b3b);
    background-image: -ms-linear-gradient(top, #19bf40, #346b3b);
    background-image: -o-linear-gradient(top, #19bf40, #346b3b);
    background-image: linear-gradient(to bottom, #19bf40, #346b3b);
    padding: 6px;
}

/*#mainav_usernav{
    float:right;
    margin-right:80px;
}*/

.echovidaNav {
    background: #232731;
    font-size: 20px;
    color: #ffffff !important;
}
/*.echovidaNav a {
        color:#ffffff!important;
    }*/

.fixedElement {
    /*background-color: #c0c0c0;*/
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

.menuMainItem {
    background: #fff !important;
    color: #232731 !important;
    border-bottom: 1px solid #8b8b8b;
}

.dropdown-menu i {
    margin-right: 6px;
}

.active a {
    border-bottom: 1px solid #8b8b8b;
}

.navbar-default {
    background: transparent;
}

.navwrap {
    /*background:#fff;*/
}

.loginfrmwidth {
    width: 100%;
}
/*--------user counts --------*/
.countBadge {
    float: right;
    margin-left: 3px;
    top: 5px;
    padding: 2px 8px;
    height: auto;
    width: auto;
    top: 10px;
    right: 15px;
    color: #fff;
    background: rgba(255, 255, 255, 0.41);
    font-size: 14px;
}




#userMenuCounts:hover #memContacts {
    display: block;
}

#userMenuCounts:hover #memUsergroup {
    display: block;
}
/*--------user counts close --------*/


.radim-small #memChatSmall {
    display: none;
}

td {
    font-size: 15px;
}

#memberTableTransactions {
    min-height: 290px;
    max-height: 600px;
    overflow-y: auto;
}

#merchTableTransactions {
    min-height: 290px;
    max-height: 600px;
    overflow-y: auto;
}

.spacerTop {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 26px;
    margin-top: 26px;
}

.spacerBottom {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 26px;
    margin-bottom: 26px;
}

/*--------fixed table--------*/
.rs_TableFixed {
    background: white;
    border-radius: 3px;
    border-collapse: collapse;
    margin: auto;
    padding: 5px;
    width: 100%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    animation: float 5s infinite;
}

    .rs_TableFixed th {
        color: #D5DDE5;
        background: #090909;
        border-bottom: 2px solid #9ea7af;
        border-right: 1px solid #4a4a4a;
        font-size: 15px;
        font-weight: 100;
        padding: 8px 16px;
        text-align: left;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        vertical-align: middle;
    }

        .rs_TableFixed th:nth-child(even) {
            background: #232323;
        }

    .rs_TableFixed tr {
        border-top: 1px solid #C1C3D1;
        border-bottom-: 1px solid #C1C3D1;
        color: #1a1a1a;
        font-size: 15px;
        font-weight: normal;
    }

        .rs_TableFixed tr:hover td {
            background: #d7d7d7;
            color: #000;
            border-top: 1px solid #22262e;
            border-bottom: 1px solid #22262e;
        }

        .rs_TableFixed tr:first-child {
            border-top: none;
        }

        .rs_TableFixed tr:last-child {
            border-bottom: none;
        }

        .rs_TableFixed tr:nth-child(odd) td {
            background: #d1e0ea;
        }

        .rs_TableFixed tr:nth-child(odd):hover td {
            background: #b7b7b7;
        }

        .rs_TableFixed tr:last-child td:first-child {
            border-bottom-left-radius: 3px;
        }

        .rs_TableFixed tr:last-child td:last-child {
            border-bottom-right-radius: 3px;
        }

    .rs_TableFixed td {
        background: #FFFFFF;
        padding: 6px;
        text-align: left;
        vertical-align: middle;
        font-weight: 300;
        font-size: 15px;
        text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
        border-right: 1px solid #C1C3D1;
    }

        .rs_TableFixed td:last-child {
            border-right: 0px;
        }

    .rs_TableFixed th.text-left {
        text-align: left;
    }

    .rs_TableFixed th.text-center {
        text-align: center;
    }

    .rs_TableFixed th.text-right {
        text-align: right;
    }

    .rs_TableFixed td.text-left {
        text-align: left;
    }

    .rs_TableFixed td.text-center {
        text-align: center;
    }

    .rs_TableFixed td.text-right {
        text-align: right;
    }

.glass-container ul {
    margin-bottom: 12px;
}

    .glass-container ul li {
        list-style: circle;
        list-style-type: circle;
        padding: 5px;
        margin-left: 35px;
    }

.glass-container .ulList ul li {
    list-style: none !important;
}

.glass-container .ulList ul {
    list-style-position: outside;
}

.glass-container .ulList li::before {
    content: "•";
    display: inline-block;
    width: 1em;
    margin-left: -23px;
    font-size: 32px;
    margin-top: -12px;
    position: absolute;
}

.glass-container .ulStyle1 li::before {
    color: #00758f;
}

.glass-container .ulStyle2 li::before {
    color: #109e76;
}

.glass-container .ulStyle3 li::before {
    color: #b87c0d;
}

.glass-container .ulStyle4 li::before {
    color: #ff4c00;
}

.glass-container .ulStyle5 li::before {
    color: #cd1f5d;
}

.glass-container .ulStyle6 li::before {
    color: #009e93;
}

.glass-container .ulStyle7 li::before {
    color: #d21014;
}

.containrow {
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    background: #f4f4f4;
    margin-right: -20px;
    margin-left: -20px;
    padding: 20px;
}

.stdTblHead {
    padding: 10px;
    float: left;
}

.darkHead1 {
    background: #232323;
    color: #e3e3e3;
    text-align: center;
}

.darkHead2 {
    background: #0a0a0a;
    color: #e3e3e3;
    text-align: center;
}

.full-width-div {
    position: absolute;
    width: 100%;
    left: 0;
}
/*------------------name----------------------*/
.menuName-description {
    overflow: hidden;
    white-space: nowrap;
    font-size: 15px;
    width: 138px;
    float: left;
    margin-left: 6px;
}

.radim-small .menuName-description {
    overflow: hidden;
    white-space: nowrap;
    font-size: 1px;
    width: 1px;
}

.radim-small li:hover .menuName-description {
    overflow: hidden;
    white-space: nowrap;
    font-size: 15px;
    width: 138px;
    float: left;
    margin-left: 6px;
}

.radim-small .open .menuName-description {
    overflow: hidden;
    white-space: nowrap;
    font-size: 15px;
    width: 138px;
    float: left;
    margin-left: 6px;
}
/*------------------close name----------------------*/

.container_special {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 800px;
}

.menuNumber {
    width: 6px;
    padding: 3px 7px;
    background: #82b8e6;
    color: #222;
    display: inline;
    border-radius: 12px;
}

/**** Table Styles ***/
.wrapper {
    overflow: auto;
    position: relative;
}



#activationRequired {
    padding: 6px;
    margin: 6px;
    border: 1px solid #ffbe23;
    background: #d5a01f;
    color: #160000;
}

.merchMapInfo {
    margin: 3px;
}

.vcenter {
    padding-top: 12px;
}

.member-actions ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333333;
}

.member-actions li {
    float: left;
}

    .member-actions li a {
        display: block;
        color: white;
        text-align: center;
        padding: 9px;
        text-decoration: none;
    }

        .member-actions li a:hover {
            background-color: #111111;
        }

.indent {
    background: #e7e7e7;
    border: 1px solid #c2c0c1;
}

.fw-bold {
    font-weight: bold;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.padding3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

/*something stop trade store*/


.itemContainer {
    padding: 6px;
    border-bottom: 1px solid #dddddd;
}


.itemImage {
    border: 1px solid #dddddd;
    padding: 3px;
    max-width: 140px;
    max-height: 105px;
}

.itemDetailsCont {
    padding: 3px;
    /*float:left;*/
}

.itemTitle {
    /*float:left;*/
    max-width: 900px;
    width: auto;
    font-size: 16px;
    font-weight: bold;
    overflow-x: hidden;
    word-wrap: break-word;
}

.itemInfoCont {
    padding-left: 3px;
    padding-right: 3px;
}

.itemPriShip {
    /*float:left;*/
    /*width:50%;*/
}

.itmOtherInfo {
    float: left;
    /*width:50%;*/
    font-size: 12px;
}

.itemPrice {
    font-weight: bold;
}

.itemlistType {
    font-size: 14px;
    font-weight: bold;
}

    .itemlistType span {
        font-size: 14px;
        font-weight: normal;
    }

.itmStoreLink {
    font-size: 14px !important;
}

.itemBids {
    font-size: 12px;
}

.itemShippingCont {
    margin-left: 6px;
}

.itemShippingType {
    font-size: 12px;
}

.amazonHead {
    background: #ff9950; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #fff, #ff9950); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #fff, #ff9950); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #fff, #ff9950); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #fff, #ff9950); /* Standard syntax */
    padding: 6px;
    border: 1px solid #808080;
}

.ebayHead {
    background: #9acadc; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #fff, #9acadc); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #fff, #9acadc); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #fff, #9acadc); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #fff, #9acadc); /* Standard syntax */
    padding: 6px;
    border: 1px solid #808080;
}

.s2tHead {
    background: #00A9B5; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #fff, #00A9B5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #fff, #00A9B5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #fff, #00A9B5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #fff, #00A9B5); /* Standard syntax */
    padding: 6px;
    border: 1px solid #808080;
}

.sHead {
    margin-top: 12px;
    font-weight: bold;
    padding: 4px;
    border: 1px solid #cbcbcb;
    background: #fff;
}

.sCont {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #cbcbcb;
    padding: 4px;
    background: #fff;
}

.lEntry {
    padding: 6px 4px;
    border-bottom: 1px solid #cbcbcb;
    display: table;
    width: 100%;
}

.lDesc {
    font-size: 16px;
    float: left;
}

.lREs {
    float: right;
    font-size: 16px;
    font-weight: bold;
}

.frega-structure {
    text-align: right;
    float: left;
    margin-left: 20px;
    margin-top: -8px;
    cursor: pointer;
}


.countBadgePos {
    margin-top: -22px;
}


.stylish-input-group .input-group-addon {
    background: white !important;
}

.stylish-input-group .form-control {
    border-right: 0;
    box-shadow: 0 0 0;
    border-color: #ccc;
}

.stylish-input-group button {
    border: 0;
    background: transparent;
}

.additionalTabs > ul > li {
    padding: 5px 5px 0px 5px !important;
}

.additionalTabs .nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #e8e8e8;
    border: 1px solid #cbcbcb;
}

.curXSmall {
    font-size: 10px;
}

.PremHighAd {
    background: #faffbf !important;
    box-shadow: 6px 6px 23px -12px rgba(0,0,0,0.75);
    border: 1px solid #b8b977 !important;
}

.marg6 {
    margin-left: 6px;
}

.AdminTitle {
    margin-top: 20px;
    background: #91bebe;
    padding: 3px 0px 3px 8px;
    font-weight: bold;
    font-size: 22px;
    color: azure;
    text-shadow: 2px 2px 4px rgba(10, 47, 46, 0.53);
}

.smallPaternIndent {
    background: #e7e7e7;
    /*background-image: url('../img/common/az_subtle.png');*/
    background-image: url('../img/common/diamond_upholstery.png');
    border: 1px solid #c2c0c1;
    -webkit-box-shadow: inset 1px 5px 14px 0px rgba(0,0,0,0.32);
    -moz-box-shadow: inset 1px 5px 14px 0px rgba(0,0,0,0.32);
    box-shadow: inset 1px 5px 14px 0px rgba(0,0,0,0.32);
}

.InvestPlusStd, .InvestPlusFull, .InvestPlusHalf, .InvestPlusQuart {
    display: inline-block;
    width: 100%;
    text-align: right;
}

    .InvestPlusStd img {
        height: 17px;
    }

    .InvestPlusFull img {
        height: 17px;
    }

    .InvestPlusHalf img {
        height: 17px;
    }

    .InvestPlusQuart img {
        height: 17px;
    }

@media only screen and (max-width: 475px) {
    .mobileTopSpace {
        margin-top: 40px !important;
    }
}

.btnLoginFrm {
    background: #4b83b1;
    color: #fff;
    width: 100%;
    padding: 20px;
    border-radius: 35px;
}

.loginInputCont {
    border-bottom: 1px solid #d0d0d0;
    padding-top: 6px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.loginFrmIcon {
    text-align: center;
    padding-top: 1px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 24px;
}

#regFormCont {
    color: #565656;
}

    #regFormCont input {
        border: none !important;
        border-width: 0 !important;
        box-shadow: none !important;
        background-color: #fff !important;
        background: transparent;
        margin-top: 0px;
    }


.loginHref a {
    outline: none;
    text-decoration: underline;
    padding: 2px 1px 0;
}

    .loginHref a:link {
        color: #1a3447;
    }

    .loginHref a:visited {
        color: #437A16;
    }

    .loginHref a:focus {
        border-bottom: 1px solid;
    }

    .loginHref a:hover {
        border-bottom: 1px solid;
    }

.notmem {
    text-align: center;
    font-size: 2rem;
    width: 100%;
    font-weight: bold;
    padding: 6px;
    cursor: pointer;
    text-decoration: underline;
    color: #1a3447;
    margin-top: 20px;
    margin-bottom: 10px;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

    .notmem:hover {
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        transition: all .35s;
        color: #088fa1;
    }

#callbackDisp {
    text-align: left;
    color: #e8e8e8;
}

.lHeadMemLogin {
    font-weight: bold;
    text-align: center;
    color: #01305D;
}

.loginRemember {
    text-align: right;
}

.loginRememberChk {
    width: 15px;
    vertical-align: middle;
    margin-top: 0px !important;
    margin-left: 10px;
}

.termsContain {
    width: 100%;
    text-align: center;
}

.trackingNumberDsp {
    border: 1px solid #ccc;
    background: #d4fabb;
    color: #0a1406;
    border: 4px;
}

.ligintitle {
    font-size: 30px;
    color: #306795;
    padding: 10px 0px 0px 10px;
    display: inline-block;
}

.modalFaq {
    display: inline-block;
    margin-top: 7px;
    position: absolute;
    right: 50px;
}

/* ── UI-05 Stage 3a: BS3→BS5 grid-offset compat ───────────────────────────
   BS5 removed col-*-offset-* utilities. The S2T public content fragments use
   only col-sm-offset-1 and col-md-offset-1 (offset-1 = 1/12 = 8.333333%).
   Restored at the same breakpoints BS5 uses (sm ≥576px, md ≥768px). */
@media (min-width: 576px) {
    .col-sm-offset-1 { margin-left: 8.333333%; }
}
@media (min-width: 768px) {
    .col-md-offset-1 { margin-left: 8.333333%; }
}
/* ─────────────────────────────────────────────────────────────────────── */

/* -- UI-05 Stage 3b: BS3->BS5 layout compat (member panels) ----------------
   BS5 dropped .form-group spacing, renamed .control-label, and removed the
   always-on .col-xs-* tier. These additive rules restore the BS3 behaviour the
   28 member panels rely on, so no per-panel markup migration is needed.
   (Class names have no BS5 definition -> no collision.) */
.form-group { margin-bottom: 1rem; }
.control-label { font-weight: 700; margin-bottom: .25rem; display: inline-block; }
/* col-xs-* = BS3 always-on columns; BS5 equivalent is col-N (no breakpoint). */
.col-xs-1  { flex: 0 0 auto; width: 8.333333%; }
.col-xs-2  { flex: 0 0 auto; width: 16.666667%; }
.col-xs-3  { flex: 0 0 auto; width: 25%; }
.col-xs-4  { flex: 0 0 auto; width: 33.333333%; }
.col-xs-5  { flex: 0 0 auto; width: 41.666667%; }
.col-xs-6  { flex: 0 0 auto; width: 50%; }
.col-xs-7  { flex: 0 0 auto; width: 58.333333%; }
.col-xs-8  { flex: 0 0 auto; width: 66.666667%; }
.col-xs-9  { flex: 0 0 auto; width: 75%; }
.col-xs-10 { flex: 0 0 auto; width: 83.333333%; }
.col-xs-11 { flex: 0 0 auto; width: 91.666667%; }
.col-xs-12 { flex: 0 0 auto; width: 100%; }
/* ------------------------------------------------------------------------- */


/* Scrollbar reflow fix (owner 2026-07-18): reserve the vertical
   scrollbar gutter so the track appearing/disappearing never resizes
   the page on hover (the 'main sites resize on mouse over/out' bug).
   scrollbar-gutter: stable reserves a fixed-width gutter always. */
html { scrollbar-gutter: stable; }

/* ── Presence palette — single source of truth (S2T sanctioned deviation) ──
   Online/away/offline indicators across the feed, followers, contact book and
   mentor lists. Deliberately distinct from MASTER --brand green; owner-chosen
   2026-07-23. See design-system/pages/s2t.md. */
:root {
    --presence-online: #3FA76A;
    --presence-off:    #7A897F;
    --presence-away:   #E28B2B;
}